{% extends 'layout/manage.html' %}
{% load static %}
{% block css %}
<link rel="stylesheet" href="{% static 'tracer/css/wiki.css' %}">
<link rel="stylesheet" href="{% static 'plugin/editor-md/css/editormd.min.css' %}">
{% endblock %}
{% block content %}
<div class="container-fluid">
    <div class="panel panel-default">
        <div class="panel-heading">
            <div>
                <a href="{% url 'websass:wiki' project_id=request.tracer.project.id %}">
                    <i class="fa fa-book" aria-hidden="true"></i> wiki文档
                </a>
            </div>
            <div class="function">
                <a type="button" class="btn btn-success btn-xs"
                   href="{% url 'websass:wiki_add' project_id=request.tracer.project.id %}">
                    <i class="fa fa-plus-circle" aria-hidden="true"></i> 新建
                </a>
            </div>

        </div>
        <div class="panel-body">
            <div class="col-sm-3 title-list">
                <ul id="catalog">
                    <!--                    <li>-->
                    <!--                        <a>目录1</a>-->
                    <!--                        <ul>-->
                    <!--                            <li><a>子目录1</a></li>-->
                    <!--                            <li><a>子目录2</a></li>-->
                    <!--                            <li><a>子目录3</a></li>-->
                    <!--                        </ul>-->
                    <!--                    </li>-->
                    <!--                    <li><a>目录2</a></li>-->
                    <!--                    <li><a>目录3</a>-->
                    <!--                        <ul>-->
                    <!--                            <li><a>子目录1</a></li>-->
                    <!--                            <li><a>子目录2</a></li>-->
                    <!--                            <li><a>子目录3</a></li>-->
                    <!--                        </ul>-->
                    <!--                    </li>-->
                </ul>
            </div>
            <div class="col-sm-9 content">
                <form method="post">
                    {% csrf_token %}
                    {% for field in form %}
                    {% if field.name == 'content' %}
                        <div class="form-group">
                            <label for="{{ field.id_for_label }}">{{field.label}}</label>
                            <div id="editor">
                                {{field}}
                            </div>
                            <span class="error-msg">{{ field.error.0 }}</span>
                        </div>
                    {% else %}
                            <div class="form-group">
                                <label for="{{ field.id_for_label }}">{{field.label}}</label>
                                {{field}}
                                <span class="error-msg">{{ field.error.0 }}</span>
                            </div>
                    {% endif %}
                    {% endfor %}
                    <button type="submit" class="btn btn-primary">提交</button>
                </form>
            </div>
            <div></div>
        </div>
    </div>
</div>
{% endblock %}

{% block js %}
<script src="{% static 'plugin/editor-md/editormd.min.js' %}"></script>
<script>

        var WIKI_DETAIL_URL = "{% url 'websass:wiki' project_id=request.tracer.project.id%}"
        var WIKI_UPLOAD_URL = "{% url 'websass:wiki_upload' project_id=request.tracer.project.id%}"
        $(function(){
            initCatalog();
            initEditorMd();
        });

        function initEditorMd(){
            editormd('editor',{
                placeholder:"请输入内容",
                height: 500,
                path:"{% static 'plugin/editor-md/lib/' %}",
                imageUpload:true,
                imageFormats:['jpg','jpeg','png','gif'],
                imageUploadURL:WIKI_UPLOAD_URL
            })
        }

        function initCatalog(){
            $.ajax({
                url:"{% url 'websass:wiki_catalog' project_id=request.tracer.project.id %}",
                type:"GET",
                dataType:"JSON",
                success:function(res){
                    if(res.start){
                        $.each(res.data,function(index, item){
                            var href = WIKI_DETAIL_URL + "?wiki_id=" + item.id;
                            var li = $("<li>").attr('id',"id_" + item.id).append($('<a>').text(item.title).attr('href',href)).append("<ul>");
                            if(!item.parent_id){
                               $("#catalog").append(li);
                            }else{
                                $("#id_" + item.parent_id).children("ul").append(li);
                            }
                        })
                    }else{
                        alert("初始化目录失败");
                    }
                }

            })

        }



</script>
{% endblock %}